// element-plus 将会使用 map.deep-merge 合并 scss 变量

// element-plus 使用 $colors 作为 map 来保存不同类型的颜色。
// $notification 就是 notification 组件相关变量的映射。
// 查看更多具体可覆盖的 scss 变量：https://github.com/element-plus/element-plus/blob/dev/packages/theme-chalk/src/common/var.scss

// $colors: () !default;
// $colors: map.deep-merge(
//   (
//     'white': #ffffff,
//     'black': #000000,
//     'primary': (
//       'base': #409eff,
//     )
//     ...
//   ),
//   $colors
// );
// // Notification
// // css3 var in packages/theme-chalk/src/notification.scss
// $notification: () !default;
// $notification: map.merge(
//    (
//     'width': 330px,
//     'padding': 14px 26px 14px 13px,
//     'radius': 8px,
//     ...
//    ),
//    $notification
// )

/* 只需要重写你需要的即可 */
@forward "element-plus/theme-chalk/src/common/var.scss" with (
    // 颜色映射（对象）
    $colors:
        (
            "primary": (
                "base": rgb(23, 16, 228)
            )
        ),
    // 组件映射
    $notification: ("width": 700px, "padding": 0, "radius": 0)
);

// 如果只是按需导入，则可以忽略以下内容。
// 如果是全局导入 element-plus，则需要导入所有样式，再覆盖:
// @use "element-plus/theme-chalk/src/index.scss" as *;
